/* --------------------搜素框部分 ------------------------------------*/
#search { 
    width: 440px;
    height: 40px;
    border:none;    /*取消默认的边框以设置自定义边框*/
    outline:none;   /*取消浏览器默认的蓝光边框以设置自定义的输入框*/
    font-size: 16px;        
    color: rgb(112, 112, 112);
    background-color:rgb(225,225,225,0.1);
    margin-left: 10px;
}
.searchbar {        /*目的是设置自定义边框，比如圆角与阴影*/
    border: rgb(218, 218, 218) solid 1px;
    border-radius: 2em;
    width: 552px;
    height: 42px;
    box-shadow: 0px 0px 5px rgb(212, 212, 212);
    margin: 0 auto;
    background-color: white;
}

.mcp {
    height: 35px;
}

.mg {
    height: 25px;
    margin-left: 15px;
}
#search, .mcp, .mg {
    vertical-align: middle;
}

.searcher_due_p{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 30px;
    color: white;
    text-align: center;
}

/* 设置位置 */
.searche_font{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}


/*------------------ ------推荐部分 ----------------------------------------*/
.proposal{
    margin-top: 10px;
    margin-left: 40px;
}

.proposal_ul{
    /* display: inline; */
    list-style-type: none;
}
.proposal_ul li{
    display: inline;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* list-style-type: none; */
    font-size: 16px;
}

.proposal_span{
    color: gray;
}

.proposal_ul li a{

    color: #fff;
    text-decoration: none;
}

.proposal_ul li a:hover{
    color: gray;
}